<div class="topbar topbar-dark" *ngIf="showheader">
  <a class="topbar-logo"href="#">
    数据中心云服务平台
    <!--广东广电中心机房综合管理系统-->
    <!--移动巡检管理系统-->
  </a>
  <a href="javascript:void(0);" class="menu-button" (click)="onTogglerClick($event)">
    <i class="fa fa-bars"></i>
  </a>
  <!--<a href="javascript:void(0);" class="user-display" (click)="showTopMenu=!showTopMenu">-->
    <!--<span class="username">大漠穷秋</span>-->
    <!--<img src="assets/imgs/img.jpg" style="border: 0px;">-->
    <!--<i class="fa fa-angle-down"></i>-->
  <!--</a>-->
  <!--<ul class="fadeInDown topbar-menu {{showTopMenu?'topbar-menu-visible':''}}">-->
    <!--<li>-->
      <!--<a href="http://damoqiongqiu.github.io" target="_blank">-->
        <!--<i class="topbar-icon fa fa-fw fa-user"></i>-->
        <!--<span class="topbar-item-name">用户资料</span>-->
      <!--</a>-->
    <!--</li>-->
    <!--<li>-->
      <!--<a href="javascript:void(0);" (click)="showTopMenu=false;">-->
        <!--<i class="topbar-icon fa fa-fw fa-cog"></i>-->
        <!--<span class="topbar-item-name">个人设置</span>-->
      <!--</a>-->
    <!--</li>-->
    <!--<li>-->
      <!--<a href="javascript:void(0);" (click)="showTopMenu=false;">-->
        <!--<i class="topbar-icon material-icons animated swing fa fa-fw fa-envelope-o"></i>-->
        <!--<span class="topbar-item-name">消息</span>-->
        <!--<span class="topbar-badge animated rubberBand">4</span>-->
      <!--</a>-->
    <!--</li>-->
    <!--<li>-->
      <!--<a href="javascript:void(0);" (click)="showTopMenu=false;" routerLink="/login">-->
        <!--<i class="topbar-icon fa fa-fw  fa-power-off "></i>-->
        <!--<span class="topbar-item-name">退出</span>-->
        <!--<span class="topbar-badge animated rubberBand">2</span>-->
      <!--</a>-->
    <!--</li>-->
  <!--</ul>-->
</div>


